<template>
    <view class="treasure h100">
        <navBar ref="navBar" :options="navigationBarOptions" @navBarLoad="handleNavBarLoad"  ></navBar>
        <view class="treasure_box  ">
			<view class="treasure_box_con flex-column" @click="onTreasure">
				<text class="tlIcon-box_form"></text>
				<view class="treasure_text">表单收集</view>
			</view>
			<view class="treasure_box_con flex-column" @click="onTreasure">
				<text class="tlIcon-box_questionaire"></text>
				<view class="treasure_text">发券助手</view>
			</view>
		</view>
        <footerBar ref="footerBar" @footerBarLoad="handleFooterBarLoad"></footerBar>
    </view>
</template>

<script>
    import UserOperatingMixins from '@u/Login/UserOperatingMixins.js';
    import { AzmComponent } from '@u/component.js';

    const AzmComponentMixins = AzmComponent({
        navigationBarOptions: {
            title: '百宝箱',
            isBack: false,
			backgroundColor: "#F8F8F8",
        },
        /**
         * 回退监听
         */
        onBackPress () {

        }
    })
    export default {
        components: {},
        mixins: [AzmComponentMixins, UserOperatingMixins],
        computed: {},
        data () {
            return {
                navBarTop: 45,
                footerBarTop: 50,
            }
        }, 
        watch: {},
        methods: {
			onTreasure(){
				// this.$toast.text('功能敬请期待')
				uni.showToast({
					title:'功能敬请期待',
					icon: 'none'
				})
			}
		}
    }
</script>
 
<style scoped lang="scss"> 
    @import "@/style/mine.css";
.treasure_box{
	height: 100%;
	width: 100%;
	padding: 37rpx 41rpx;
	display: flex;
	justify-content: space-between;
	background-color: #f8f8f8;
	.treasure_box_con{
		width:318rpx;
		height:318rpx;
		background:rgba(255,255,255,1);
		box-shadow:0px 0px 40rpx 0px rgba(226,226,226,0.24);
		border-radius:24rpx;
		justify-content: center;
	}
	.treasure_text{ 
		height:40rpx;
		font-size:30rpx; 
		font-weight:500;
		color:rgba(49,49,49,1);
		line-height:40rpx;
		margin-top: 28rpx;
	}
	.tlIcon-box_form{
		color: #10CA5C;
		font-size: 64rpx;
		background: rgba(16,202,92,0.14);
		border-radius:50%;
		width:128rpx;
		height: 128rpx;
		line-height: 128rpx;
		text-align: center;
	}
	.tlIcon-box_questionaire{
		color: #0075ff;
		font-size: 64rpx;
		background: rgba(0, 117, 255, 0.14);
		border-radius:50%;
		width:128rpx;
		height: 128rpx;
		line-height: 128rpx;
		text-align: center;
	}
}

    .start_game_btn {
        position: fixed;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
</style>
